import { MenuItem } from "../../core";

import { RenderSwitchScrollModeProps } from "./SwitchScrollMode";
import SwitchScrollModeDecorator from "./SwitchScrollModeDecorator";
import { FC } from "react";

const SwitchScrollModeMenuItem: FC<RenderSwitchScrollModeProps> = ({
  isSelected,
  mode,
  onClick,
}) => (
  <SwitchScrollModeDecorator mode={mode} onClick={onClick}>
    {(props) => (
      <MenuItem checked={isSelected} icon={props.icon} onClick={props.onClick}>
        {props.label}
      </MenuItem>
    )}
  </SwitchScrollModeDecorator>
);

export default SwitchScrollModeMenuItem;
